import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shimmer/shimmer.dart';

class DAppListSkeleton extends StatelessWidget {
  DAppListSkeleton({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      padding:
          EdgeInsets.only(left: 20.w, right: 20.w, top: 12.w, bottom: 12.w),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Shimmer.fromColors(
              baseColor: Color.fromRGBO(246, 246, 246, 1),
              highlightColor: Colors.grey.shade300,
              child: Container(
                height: 46.w,
                width: 46.w,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(50.w),
                  color: Colors.grey,
                ),
              )),
          SizedBox(
            width: 10.w,
          ),
          Expanded(
              flex: 1,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Shimmer.fromColors(
                      baseColor: Color.fromRGBO(246, 246, 246, 1),
                      highlightColor: Colors.grey.shade300,
                      child: Container(
                        height: 20.w,
                        width: 76.w,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(4.w),
                          color: Colors.grey,
                        ),
                      )),
                  SizedBox(
                    height: 3.w,
                  ),
                  Shimmer.fromColors(
                      baseColor: Color.fromRGBO(246, 246, 246, 1),
                      highlightColor: Colors.grey.shade300,
                      child: Container(
                        height: 16.w,
                        width: 219.w,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(4.w),
                          color: Colors.grey,
                        ),
                      ))
                ],
              ))
        ],
      ),
    );
  }
}
